<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title><include file="./Application/Home/View/Common/title_prefix_text.html"/>注册</title>
    <include file="./Application/Home/View/Common/head_meta.html"/>
</head>
<body>
<include file="./Application/Home/View/Common/super_body_import.html" />
<include file="./Application/Home/View/Common/header_lite.html" />
<!--通知栏-->
<div class="wrap">
    <div class="content-wrap">
        <div class="content">
           <p><span class="gray">已有账号？</span>&nbsp;&nbsp;<a href="/?bsm=1" class="blue back_log">请登录</a></p>
           <form action="" method="post" name="register" class="registerform">
                <ul class="login-list">
                    <li class="register-mode">
                        <div class="register register-phone">
                            <div class="item">
                                <label for="user_phone">账&nbsp;&nbsp;&nbsp;&nbsp;号 :</label>
                                <input id="user_phone" type="text" name="phone" placeholder="请输入手机号 / 邮箱"/>
                                <span class="fontred">*</span>
                                <span class="fontred_warning fontred_phone"></span>
                                <img class="right_logo phone_right" src="__RESPATH__/images/right_logo.png"/>
                            </div>
                            <p class="ipt_msg_text ipt_phone_msg">
                                <span class="error_text"><span class="iconfont icon-iconyichu01 "></span><span class="text"></span></span>
                            </p>
                            <div class="item pull-left">
                                <label for="verify_code">验证码 :</label>
                                <input id="verify_code" type="text" maxlength="6" placeholder="请输入验证码" class="verify-code" />
                                <span class="fontred">*</span>
                                <span class="fontred_warning fontred_verify"></span>
                                <img class="right_logo verify_right" src="__RESPATH__/images/right_logo.png"/>
                            </div>
                            <input type="button" class="btn btn-default get-code pull-right" value="发送验证码">
                            <p class="ipt_msg_text js_verify_code clear">
                                <span class="error_text"><span class="iconfont icon-iconyichu01 "></span><span class="text"></span></span>
                            </p>
                            <input id="page_token" type="hidden" value="{$page_token}">
                            <div class="item clear">   
                                <label for="phone_user_name">微知名称 :</label>
                                <input id="phone_user_name" class="user_name" type="text" maxlength="20" placeholder="请输入微知名称" />                    
                                <span class="fontred">*</span>
                                <span class="fontred_warning fontred_name"></span>
                                <img class="right_logo name_right" src="__RESPATH__/images/right_logo.png"/>
                            </div>
                            <p class="ipt_msg_text js_user_name">
                                <span class="error_text"><span class="iconfont icon-iconyichu01 "></span><span class="text"></span></span>
                                <span class="prompt_text gray"><span class="iconfont icon-gantanhao"></span><span class="text">昵称不能少于两个字并且不能多余20个字符</span></span>
                            </p>
                            <div class="item">
                                <label for="phone_user_pwd">密&nbsp;&nbsp;&nbsp;&nbsp;码 :</label>
                                <input id="phone_user_pwd" class="user_pwd" type="password" maxlength="20" placeholder="请输入密码" />
                                <span class="fontred">*</span>
                                <span class="fontred_warning fontred_pwd"></span>
                                <img class="right_logo pwd_right" src="__RESPATH__/images/right_logo.png"/>
                                <!-- <div class="focus_tips">
                                    <span class="iconfont icon-gantanhaocircle"></span>建议使用字母、数字和符号两种及以上的组合，6-20个字符
                                </div> -->
                            </div>
                            <p class="ipt_msg_text js_pwd_msg">
                                <span class="error_text"><span class="iconfont icon-iconyichu01 "></span><span class="text"></span></span>
                                <span class="prompt_text gray"><span class="iconfont icon-gantanhao"></span><span class="text">建议使用字母、数字和符号两种及以上的组合，6-20个字符</span></span>
                            </p>
                            <div class="item">                    
                                <label for="phone_user_invitation">邀请码 :</label> 
                                <input id="phone_user_invitation" class="user_invitation" type="text" maxlength="30" placeholder="请输入邀请码"/>
                                <span class="fontred">*</span>
                                <span class="fontred_warning fontred_invitation"></span>
                                <img class="right_logo invitation_right" src="__RESPATH__/images/right_logo.png"/>
                            </div>
                            <p class="ipt_msg_text">
                                <span class="error_text"><span class="iconfont icon-iconyichu01 "></span><span class="text"></span></span>
                            </p>
                            <label class="agree"><input type="checkbox" class="checkbox">我同意并遵守<a class="protocol" target="_blank" href="/fixed/register_agreement.html">《用户注册协议》</a></label>
                            <button id="phone_button" class="btn btn-success next" type="button" disabled="disabled">立即注册</button>
                        </div>
                    </li>
                </ul>
           </form>
        </div>
        <div class="get_qrcode">
            <p class="text">邀请码申请</p>
            <div class="qrcode_container">
                <img width="160" src="__RESPATH__/images/qr_code.jpg"><br/>
                <span class="text_content">
                    <span class="gray text_open_weixin">微信<span class="green">扫描</span>&emsp;快速<span class="green">获取</span></span>
                </span>
            </div>
            <section class="register_desc">
                <section class="sec_content gray">
                    <p class="title">申请条件：</p>
                    <ul class=" text">
                        <li>1、各大媒体号运营者，且活跃度较高</li>
                    </ul>
                </section>
                <section class="sec_content gray">
                    <p class="title">享受特权：</p>
                    <ul class="text">
                        <li>1、产品新功能提前体验，掌握最新“黑科技”</li>
                        <li>2、线下沙龙与业内大咖零距离接触</li>
                        <li>3、海量社群资源，囊括新媒体各个方面</li>
                        <li>4、对微知的有效建议，被采纳获得现金奖励</li>
                    </ul>
                </section>
            </section>
        </div>
    </div>
    <div class="modal fade" id="img_validate" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" style="width:598px;">
            <div class="modal-content">
                <div class="modal-header" style="border:0 none">
                    <h4 class="modal-title">请输入下方验证码，完成短信发送验证</h4>
                </div>
                <div class="modal-body">
                    <div class="item">
                        <div class="verify_img">
                            <img src="/register_page/captcha" />
                        </div>
                        <input id="img_verify_code" type="text" maxlength="6" placeholder="请输入验证码" />
                    </div>       
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success">确定发送</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--页面底部-->
<include file="./Application/Home/View/Common/footer.html" />
</body>
</html>